<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="description" content="口碑课程网考研培训班是国内性价比高，服务态度好的考研培训辅导机构，目前开设有普通、热门双非、211、985、顶尖院校等考研培训辅导班；咨询热线：023-8170-3034！" />
		<meta name="keywords" content="考研培训、考研培训班、考研课程、考研试听课" />
		<meta name="author" content="口碑课程考研网" />
		<meta name="generator" content="口碑课程考研网" />
		<meta name="Copyright" content="口碑课程考研网版权所有" />
		<title>考研培训班_考研辅导培训班_【免费试听独家考研课程】_口碑课程网</title>
		<link rel="stylesheet" type="text/css" href="../../static/css/mui.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/teacher.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/student.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="stu-person.html" class="teac-icon-back a-tap"></a>
			<h1 class="mui-title">学习曲线</h1>
		</header>
		<div class="mui-content teac-person stu-person-cur">
			<div class="stu-person-cur-list">
				<div class="">
					<div id="container1" style="height: 300px;"> </div>
				</div>
				<div class="">
					<div id="container2" style="height: 200px;"> </div>
				</div>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="../../static/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../static/js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../static/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://code.highcharts.com/highcharts.js"></script>
	<script type="text/javascript">
		var chart1 = {
			colors: ['#fff100', '#ffa188'],
			title: {
				text: '本月学习曲线图'
			},
			yAxis: {
				title: {
					text: null
				},
				tickInterval: 50,
				tickPixelInterval: 1,
			},
			xAxis: {
				categories: ['第一周', '第二周', '第三周', '第四周'],
			},
			legend: {
				layout: 'vertical',
				align: 'right',
				verticalAlign: 'middle'
			},
			plotOptions: {
				series: {
					label: {
						connectorAllowed: false
					},
					pointStart: 0,
				}
			},
			series: [{
				name: '周单词短语量',
				data: [75, 100, 75, 100],
			}, {
				name: '自测题成绩',
				data: [50, 75, 125, 75],
			}],
			responsive: {
				rules: [{
					condition: {
						maxWidth: 500,
					},
					chartOptions: {
						legend: {
							layout: 'horizontal',
							align: 'center',
							verticalAlign: 'bottom'
						}
					}
				}]
			},
			credits: {  
	            enabled: false     //不显示LOGO 
	        }  
		};
		//		}
		var option1 = Highcharts.chart('container1', chart1);

		//  打卡情况
		var chart2 = {
			chart: {
				type: 'bar'
			},
			title: {
				text: '本月打卡统计'
			},
			colors:['#fff100'],
			subtitle: {
				text: null
			},
			xAxis: {
				categories: ['第四周', '第三周', '第二周', '第一周'],
				title: {
					text: null
				}
			},
			yAxis: {
				title: {
					text: '',
					align: 'high'
				},
			},
			tooltip: {
				valueSuffix: ' millions'
			},
			plotOptions: {
				bar: {
					dataLabels: {
						enabled: true
					},
				},
			},
			legend: {
				layout: 'vertical',
				align: 'right',
				verticalAlign: 'bottom',
				x: -40,
				y: 100,
				floating: true,
				borderWidth: 1,
				backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#eee'),
				shadow: true
			},
			credits: {
				enabled: false
			},

			series: [{
				name: null,
				data: [4, 4, 3, 7],
			}],
			credits: {  
	            enabled: false     //不显示LOGO 
	        }  
		};
		var option2 = Highcharts.chart('container2', chart2);
	</script>

</html>